.params {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5%;

    ::v-deep(.el-form-item__content:last-child) {
        grid-column: 2;
        display: flex;
        justify-content: end;
    }
}

::v-deep(.el-select__prefix){
    color:unset !important;
}

.opeater {
    display: flex;
    justify-content: space-between;
    margin: 20px auto;

    >div:last-child {
        display: flex;
        gap: 10px;
    }
}
    
.count-title,
.count {
    color: rgb(134, 144, 156);

    span {
        color: black;
    }
}

.count-title {
    font-size: 16px;
    margin: 20px 0 10px;
}

.count {
    height: 50px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #F6F8FA;
    line-height: 50px;

    >div {
        padding-left: 20px;
    }
}

.table {
    border: $border;

    ::v-deep(.el-table tr) {
        height: 46px;

        .is-link {
            color: $topic;
        }

        td,
        th {
            border-bottom: $border !important;

            &:nth-child(2) {
                .cell {
                    justify-content: start;
                }
            }
        }

        .cell {
            display: flex;
            justify-content: center;
        }

    }

    ::v-deep(.el-table thead tr) {
        background: #F2F6FC;

        >th {
            background: transparent;
            text-align: center;
        }

        .el-table-fixed-column--right {
            background: #F2F6FC;
        }

    }

    ::v-deep(.el-table tbody tr td) {
        border-right: $border;

        &:first-child,
        &:last-child {
            border-right: none;
        }

        &:nth-child(6) {
            .cell {
                justify-content: start;
            }
        }

    }

    ::v-deep(.el-table tbody tr:last-child) {
        td {
            border-bottom: none !important;
        }

    }

    ::v-deep(.el-table__inner-wrapper) {
        &::before {
            display: none;
        }
    }

    .link {
        color: $topic;
        text-decoration: underline;
        cursor: pointer;
    }
}

.add {
    color: $topic;

    .el-icon {
        user-select: none;
    }
}

.subject {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 10px;

    >div {
        border: $border;

        >div:first-child {
            padding-left: 16px;
        }

        >div:first-child {
            background: #F5F7FA;
            border-bottom: $border;
            height: 40px;
        }

        .list {
            >div {
                width: 100%;
                min-height: 40px;
                display: flex;
                align-items: center;
                padding: 10px 16px;
                box-sizing: border-box;
                display: flex;
                gap: 10px;

                .el-form {
                    flex: 1;
                    display: flex;

                    ::v-deep(.el-select__wrapper) {
                        border-radius: 4px 0 0 4px;
                        border-right: $border;
                    }

                    ::v-deep(.el-input__wrapper) {
                        border-radius: 0 4px 4px 0;
                    }
                }

                img {
                    width: 16px;
                    height: 16px;
                }
            }
        }


    }
}

.update-subject {
    width: 100%;
    border: $border;

    .list {
        >div {
            min-height: 40px;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 2px 16px;
            .el-form {
                display: flex;
                gap: 10px;
                flex:1;

                .el-form-item {
                    flex: 1;
                }
            }
            img{
                width: 16px;
                height: 16px;
            }
            ::v-deep(.el-select__prefix){
                border-right: $border;
                padding-right: 8px;
            }
        }

    }
    ::v-deep(.el-form-item__error){
        position:unset;
    }
    .add{
        padding-left: 16px;
        height: 40px;
        display: flex;
        align-items: center;
        user-select: none;
    }
}
.search-input {
    border: none;
    outline: none;
    font-size: 14px;
    width: calc(100% - 20px);

    &::placeholder {
        color: var(--el-text-color-placeholder);
        font-size: 14px;
    }
}

.modal-message {
    text-align: center;

    .el-icon{
        color:#FF3333;
        font-size: 60px;
        margin-bottom: 20px;
    }
    .del-name {
        width: 80%;
        margin: 12px auto;
        height: 60px;
        line-height: 60px;
        border: $border;
    }
}